<template>
	<view class="container car-bigbox">
		<uni-section type="line" class="groud-car">
			<uni-card :cover="cover" @click="onClick" class="imgbox" >
				<image slot='cover' style="width: 100%;" :src="cover"></image>
				<text class="uni-body">藏行峰</text>
			</uni-card>
			<uni-card :cover="cover" @click="onClick" class="imgbox">
				<image slot='cover' style="width: 100%;" :src="cover"></image>
				<text class="uni-body">藏行峰</text>
			</uni-card>
			<uni-card :cover="cover" @click="onClick" class="imgbox">
				<image slot='cover' style="width: 100%;" :src="cover"></image>
				<text class="uni-body">藏行峰</text>
			</uni-card>
		</uni-section>
	</view>
</template>
<script>
	export default {
			name:'CarDeck',
			data() {
				return {
					cover: '../../static/goods/pic1.jpg',
				
				}
			},
			methods: {
				onClick(e){
					console.log(e)
				},
				
			}
		}
</script>
<style>
	.car-bigbox{
		width: 100%;
	
	}
	.groud-car{
		width: 100%;
		display: flex;
	}
	.imgbox{
	   height: 170px;
	  
		
	}
	.imgbox image{
		width: 100%;
		height:140px;
		background-size: cover;
	}
</style>